<%@page import="java.util.Date" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/static/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <script src="/static/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/static/js3/jQuery-2.1.4/jquery-2.1.4.min.js"></script>
    <script>
        $(function () {
            $('#btn').click(function () {
                var value=0;
                var time1=setInterval(function () {
                    value+=1;
                    $('#progress-bar').html(value+'%');
                    $('#progress-bar').css("width",value+'%');
                    if(value==100){
                        clearInterval(time1);
                        document.forms[0].submit();
                    }
                },50);
            })
        })
    </script>
</head>
<body>
<form action="/login.do" method="post">
    账号<input name="username" type="text"><br/>
    密码<input name="password" type="password"><span style="color: red">${msg}</span><br/>
    快速登录<input id="login" type="submit" value="登录">(充值会员后可用)
</form>
普通登录<button id="btn" class="btn-success">登录</button>
<div class="progress">
    <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-success active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
        <span class="sr-only">0 Complete</span>
    </div>
</div>
</body>
</html>